/* Space out content a bit */
body {
	padding-top: 20px;
	padding-bottom: 20px;
}

body.modal-open {
	margin-right:0;
}

@media (max-width: 545px){
	.hidden-tab-payment {
		display: none!important;
	}
}

@media (max-width: 730px){
	.container-narrow {
		margin:0 15px 0 15px !important;
	}
}

/* Everything but the jumbotron gets side spacing for mobile-first views */
.header {
	padding: 25px;
}
.footer {
	padding: 15px 15px 5px 15px;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
	margin-top: 0;
	margin-bottom: 0;
}

.header .logo {
	max-height:100px;
}

/* Custom page footer */
.footer {
	color: #777;
}

/* Custom container */
.container-narrow {
	margin: 0 auto;
	max-width: 700px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
}
.container-narrow > hr {
	margin: 30px 0;
}

/* Main marketing message and sign up button */
.product-media {
	text-align: center;
}

.product-info {
	padding:0 30px 0 30px;
}

/* Supporting marketing content */
.marketing {
	margin: 40px 0;
	padding:0 15px 0 15px;
}
.marketing p + h4 {
	margin-top: 28px;
}

.original-price {
	font-size:16px;
	text-decoration:line-through;
	color:#333;
}

.discount {
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}

.price {
	font-size:36px;
	font-weight:bold;
	color:#97261E;
}
a.btn-primary {
	color:#fff !important;
}
.btn .glyphicon {
	vertical-align: -8%;
}
.control-label {
	font-size:12px;
}
img.payment-icon {
	margin: -15px 10px 0 0;
}
.modal-body {
	padding: 0 15px;
}
@media (max-width: 1200px) {
	#checkout-address .form-group {
		margin-bottom:0;
	}
}
#checkout-payment {
	padding-top:15px;
}
#checkout-payment label {
	font-weight:bold;
	font-size:14px;
}
#checkout-payment ul {
	margin-left:70px;
	margin-top:10px;
	font-weight:normal;
	font-size:12px;
	color:#888;
}
#checkout-payment ul li {
	margin-bottom:5px;
}
form.product-options {
	margin-bottom:15px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.header {
		padding: 25px;
	}
	.footer {
		padding:15px 15px 5px 15px;
	}
	/* Remove the bottom border on the jumbotron for visual effect */
	.product-media {
		border-bottom: 0;
	}
}
/* btn facebook*/
.btn-facebook
{
    display: inline-block;
    padding: 10px 30px 10px 75px;
    text-shadow: 0 1px 0 #3c4678;
    border: 1px solid #415581;
    border-top-color: #354b7a;
    background-color: #687ac2;
    cursor: pointer;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 3px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 3px rgba(0,0,0,0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: url(../img/icon.facebook.png) no-repeat bottom left,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6284c8), color-stop(100%, #374a9e));
    background: url(../img/icon.facebook.png) no-repeat bottom left,-webkit-linear-gradient(top, #6284c8,#374a9e);
    background: url(../img/icon.facebook.png) no-repeat bottom left,-moz-linear-gradient(top, #6284c8,#374a9e);
    background: url(../img/icon.facebook.png) no-repeat bottom left,-o-linear-gradient(top, #6284c8,#374a9e);
    background: url(../img/icon.facebook.png) no-repeat bottom left,linear-gradient(top, #6284c8,#374a9e);
}
.dialog-background
{
    background-color: #E6C2AA;
}
.cnt-center
{
    text-align:center;
}